// 第一步 先拿到dom元素
const register = document.querySelector('.register'); //注册盒子
const registerA = document.querySelector('.register-a'); //点击到登录盒子
const loginA = document.querySelector('.login-a'); //点击到注册盒子
const login = document.querySelector('.login'); //登录盒子
//拿到表单
const registerForm = document.querySelector('.register-form');
const loginForm = document.querySelector('.login-form');
//给登录盒子里的超链接添加点击事件
loginA.addEventListener('click', function(e) {
        // 让登录盒子隐藏-注册盒子出现
        register.style.display = 'block';
        login.style.display = 'none';
    })
    //给注册盒子的超链接添加点击事件
registerA.addEventListener('click', function(e) {
    // 让注册盒子隐藏-登录盒子出现
    register.style.display = 'none';
    login.style.display = 'block';
})

//实现注册业务
// 给表单添加提交事件
registerForm.addEventListener('submit', function(e) {
        e.preventDefault(); //阻止默认事件
        // 获取表单中输入框中的值
        const data = $(this).serialize();
        console.log(data);
        // 查看接口文档-
        axios.post('/api/register', data).then(result => {
            console.log(result); //打印看看里面有什么信息
            if (result.data.code === 0) {
                toastr.success(result.data.message);
            } else {
                // toastr.error(result.data.message);
            }
        })
    })
    //实现登录业务
loginForm.addEventListener('submit', function(e) {
    e.preventDefault();
    const data = $(this).serialize();
    axios.post('/api/login', data).then(result => {
        if (result.data.code === 0) {
            toastr.success(result.data.message);
            //登录成功-把token存入本地
            localStorage.setItem('token', result.data.token);
            //登陆成功-1.5s跳转到主页
            setTimeout(() => {
                location.href = "./index.html";
            }, 1500);
        } else {
            toastr.error(result.data.message);
        }
    })
})

//优化-当注册-登录失败时，在响应期中添加弹窗则不用每次都手动添加